$(function() {
		ul_w();
		//拖动
		$("#list1, #list2").dragsort({
			dragSelector: $("ul>li"),
            dragSelectorExclude:$("ul>li.drag_disable"),
			dragBetween: true,
			dragEnd: saveOrder,
			placeHolderTemplate: "<li class='placeHolder'><img src=''/><p></p></li>"
		});



		function saveOrder() {
			var data = $("#list1 li").map(function() {
				return $(this).children("p").html();
			}).get();
			var data2 =$("#list2 li").map(function(){
                return $(this).children("p").html();
            }).get();

			if($("#list1 li:first").children("p").attr("name")!='first'){
			    alert('第一页不能修改哦');
			    return false;
            }

			$("input[name=list1SortOrder]").val(data.join(","));
            $("input[name=list2SortOrder]").val(data2.join(","));
		};
		//拖动左侧div事件
		$("#list2>li").mousedown(function() {
			var ulw = ($("#list1>li").width() + 12) * ($('#list1').children('li').length+1);
			$("#list1").width(ulw + "px");
		})
        // 左侧点击出现边框
        $("#list2>li").click(function(){
            $("#list2>li").css({"border":"none"});
            $(this).css({"border":"1px solid blue"});
        })
        
		//改变窗口大小
		$(window).resize(function(){
			ul_w();
			$(".LeftImgList").height($(document).height()-$(".hangUp").height()+"px");
		});
		
		function ul_w() {
			var ulw = ($("#list1>li").width() + 12) * ($('#list1').children('li').length);
			$("#list1").width(ulw + "px");
		}
		//左侧高度
		$(".LeftImgList").height($(window).height()-$(".hangUp").height()+"px");


   		 $("#show_img").attr("src",$("#list1>li:first").find("img").attr("src"));

   		 //左右箭头
		$(".pleft").click(function(){
			var li_w=$("#list1>li").width() + 12;
			var left=$(".imgList").scrollLeft();
			left-=li_w;
			$(".imgList").scrollLeft(left)
		});
		$(".pright").click(function(){
			var li_w=$("#list1>li").width() + 12;
			var left=$(".imgList").scrollLeft();
			left+=li_w;
			$(".imgList").scrollLeft(left)
		});

		//添加页面
        $(".addpage").off();
		$(".addpage").click(function(){
		  $(".audio_add").hide();
            $(".Handsupd").hide();
            $('.upload').attr('class','upload');
            $('.bg').attr('class','bg');
		});
        $(".pagecontent img").click(function(){
            $(".file_img").click();
        });

        

        // 提交---弹出对话框
      /*  $(".btn_submit").click(function(){
            $('.sub').attr('class','sub');
            $('.bg').attr('class','bg');
        });*/

        // 添加---弹出事件对话框
       /* $(".btn_add").click(function(){
            $('.event').attr('class','event');
            $('.bg').attr('class','bg');
        });*/

        //删除---弹出对话框
        $(".btn_del").off();
        $(".btn_del").click(function(){
            $('.event').attr('class','event hide');
            $('.delete').attr('class','delete');
            $('.bg').attr('class','bg');
        });

        

        //添加音频-弹出对话框
        $(".add_audio").click(function(){
            $(".Handsupd").hide();
            $('.audio_add').attr('class','audio_add');
            $('.bg').attr('class','bg');
            $('.audiodelete').attr('class','audiodelete hide');
            $("#radio2").click(function(){
                $(".audio_time").toggle();   
            });
            $("#radio1").click(function(){
                $(".audio_time").hide();   
            })                          
        });
        $(".sub-file").click(function(){
            $("#files").click();
        })


		$("#list1>li").click(function(){

            $("#list1>li").css({"border":"none"});
            $(this).css({"border":"1px solid blue"});
            var src=$(this).find("img").attr("src");
            $("#show_img").attr("src",src);

            var flag=false;
            var this_li=$(this);
			var index=$(this).index();

            $("#pic").html($(this).html());
            //删除页面
            $(".delpage").off();
            $(".delpage").click(function(e){
                $('.delete').attr('class','delete');
                $('.bg').attr('class','bg');
                $(".yes").click(function(){
                    if(typeof index =="number"){
                        $("#list1>li").eq(index).remove();
                    }
                });               
            });

            //复制页面
            $(".copypage").off();
            $(".copypage").click(function(){
                if(this_li){
                    flag=true;
                }
            });
            //粘贴页面
           $(".pastepage").off();
            $(".pastepage").click(function(){
                if(flag){
                    var ulw = ($("#list1>li").width() + 12) * ($('#list1').children('li').length+2);
                    $("#list1").width(ulw + "px");
					this_li.after(this_li.clone());
				}
            });
            // 点击显示隐藏
            $(".btn_hide").off();
            $(".btn_hide").click(function(){
                this_li.find(".mask1").toggle();
                $(".pic .mask1").toggle();
                var src = $(".btn_hide img").attr("src");
                if(src=="images/close_eye.png"){
                    $(".btn_hide img").attr("src","images/hide.png");
                    $(".btn_hide span").text("隐藏");
                }else{
                    $(".btn_hide img").attr("src","images/close_eye.png");
                    $(".btn_hide span").text("显示");
                }
            });
		});


		//中间开始按钮
		$("#audio_play").click(function(){
            $("#wrapper .audioplayer-playpause").click();
            setTimeout(function(){
                $("#audio_play").hide();
			},500);
		});
        
        $("#wrapper .audioplayer-playpause").click(function(){//alert(1)
            $("#audio_play").toggle();
        });

	//右下高度
	$(window).height()-$(".topList").height();
	$(".rig-bottom").height($(window).height()-$(".topList").height()-30+"px");
    $("body").height($(window).height()+"px")


    //关闭弹窗
        $('.icon-closed').click(function(){
            if($('.Handsupd').attr('class')=='Handsupd hide'){
                $('.Handsupd').attr('class','Handsupd');
                $('.bg').attr('class','bg');
            }else{
                $('.Handsupd').attr('class','Handsupd hide');
                $('.bg').attr('class','bg hide');
            }
        });
        $('.icon-closes').click(function(){
            if($('.Handsups').attr('class')=='Handsups hide'){
                $('.Handsups').attr('class','Handsups');
                $('.bg').attr('class','bg');
            }else{
                $('.Handsups').attr('class','Handsups hide');
                $('.bg').attr('class','bg hide');
            }
        });

        $('.icon-upclose').click(function(){
             if($('.upload').attr('class')=='upload hide'){
                $('.upload').attr('class','upload');
                $('.bg').attr('class','bg');
            }else{
                $('.upload').attr('class','upload hide');
                $('.bg').attr('class','bg hide');
            }
        })
        // 提交页面关闭
        $(".sure").click(function(){
            $('.sub').attr('class','sub hide');
            $('.bg').attr('class','bg hide');
        })
        // 添加弹出框消失
        $('.icon-close').click(function(){
            $('.event').attr('class','event hide');
            $('.bg').attr('class','bg hide');
        });
        // 删除点击确定按钮弹出框消失
        $('.yes').click(function(){
            $('.delete').attr('class','delete hide');
            $('.bg').attr('class','bg hide');
        });
        // 删除点击取消按钮弹出框消失
        $('.no').click(function(){
            $('.delete').attr('class','delete hide');
            $('.bg').attr('class','bg hide');
        });
        $("#ymlno").click(function () {
            $(".audio-mask").hide();
        })

        //关闭添加音频对话框
        $(".icon-audioclose").click(function(){
            $('.audio_add').attr('class','audio_add hide');
            $('.bg').attr('class','bg hide');
        });

        

        // 点击删除视频
        $(".play_group input").click(function(){
            var index = $(this).index('.play_group input');
            $(".del_audio").off();
            $(".del_audio").click(function(){
                if($(".play1 input").is(':checked')){
                    $('.audiodelete').attr('class','audiodelete');
                    $('.bg').attr('class','bg');
                    $(".yes").off();
                    $(".yes").click(function(){
                        if(typeof index =="number"){
                            $('.bg').attr('class','bg hide');
                            $('.audiodelete').attr('class','audiodelete hide');
                            $(".play_group .play1").eq(index).remove();
                        }
                    });
                    $(".no").off();
                    $(".no").click(function(){
                        $('.bg').attr('class','bg hide');
                        $('.audiodelete').attr('class','audiodelete hide');
                        $(".play1 input").attr("checked",false);
                    })
                }else{
                    $('.audiodelete').attr('class','audiodelete hide');
                    $('.bg').attr('class','bg hide');
                }
            });
        });

        // 添加举手事件
        $("#hand").click(function(){
            $('.Handsupd').attr('class','Handsupd');
            $('.bg').attr('class','bg');
            $(".rad-danxuan").click(function(){
                $('.list1').show();$('.list2').hide();
            })
            $(".rad-duoxuan").click(function(){
                $('.list2').show();$('.list1').hide();
            })
        })
            // 添加测试事件
        $("#test").click(function(){
            $(".rad-danxuan").click(function(){
                $('.list1').show();$('.list2').hide();
            })
            $(".rad-duoxuan").click(function(){
                $('.list2').show();$('.list1').hide();
            })
            $('.Handsupd').attr('class','Handsupd');
            $('.bg').attr('class','bg');
        })



})